@charset "utf-8";

@function px($px){
    @return (px/2);
}
$fontsize:40;
@function r($px){
    @return $px/$fontsize * 1rem;
}

.web{
    width: 100%;
    height:100%;
    position: relative;
    section{
        width: 100%;
        height:100%;
        position:absolute;
        top: 0;
        .secBox{
            width: 100%;
            height: r(130);
            border-top: 1px solid #e3e3e3;
            border-bottom: 1px solid #e3e3e3;
            .secBox1{
                width: r(90);
                height: r(90);
                margin-left: r(20);
                padding-top: r(20);
                float: left;
                border-radius: 50%;
                img{
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    border: 1px solid #E3E3E3;
                }
            }
            .secBox2{
                width: r(32);
                height: r(32);
                position: absolute;
                top: r(5);
                left: r(100);
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .secBox3{
                float: left;
                height: 100%;
                margin-left:r(30) ;
                .secBox3-1{
                    font-size: r(30);
                    margin-top: r(20);
                }
                .secBox3-2{
                    font-size: r(30);
                    margin-top: r(10);
                    color: #666666;
                }
            }
            .secBox4{
                p{
                    font-size: r(30);
                    margin-top: r(30);
                    margin-right: r(20);
                    color: #989898;
                }
            }
        }
    }
}
